React Native Dev Setup
· 2 min read
Setup
Android setup
Rosetta for M1
If you are using M1(2 or 3), then please run below
sudo softwareupdate --install-rosetta --agree-to-license
Android studio
Flutter Install & setup
Note
I know this is all about react-native dev setup but we’d better install flutter to setup each platform such as android and iOS using flutter. Because it helps us do that in easy. So please install flutter first
-
Install
-
brew install --cask flutter
-
-
Install Android SDK Command-line Tools (latest)
-
agree on android-license
-
flutter doctor --android-licenses
-
-
set ANDROID_HOME to path
- open .zshrc or .bash_profile and copy below scripts and paste it to the file.
-
# android
export ANDROID_HOME=~/Library/Android/sdk
export PATH="$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/tools/bin:$ANDROID_HOME/platform-tools"
iOS
cocoa pods
-
Install
-
sudo gem install drb -v 2.0.6
sudo gem install activesupport -v 6.1.7.7
gem install cocoapods --user-install
gem which cocoapods
# check the result
~/.gem/ruby/2.6.0/gems/cocoapods-1.15.2/lib/cocoapods.rb
-
Xcode
- Install
- Go to AppStore
- Run Xcode
- Run beloe
-
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
- Create a simulator
- Open Simulator
- Go to Xcode
- Select Open Developer Tool and select Simulator
- Open Simulator
Note
How to get iOS for a simulator
- Open Xcode
- Go to Xcode and select Settings
- Move to Platoforms tab
- Get a version for each platform
Other tools
watchman
- Install
-
brew install watchman
-
VS-Code for React-native
Extensions
- React Native Tools
- Babel JavaScript
- Flow Language Support
- ESLint
- Prettier - Code formatter